import {
  reactive/** ←可以把一个对象变成响应式的*/
  , effect /** ←effect里使用的变量如果发生变化,这个effect会默认重新执行*/
  , computed /** ←计算属性*/
  , ref /** ←*/

  //watchEffect 基于effect, 使用了批量更新策略
} from '@vue/reactivity';

//target 会被 proxy 进行代理
const state = reactive({
  name: 'ahhh'
  , age: 111
});

effect(() => {
  console.log(state.name);
});

state.name = 'ahhh10086';
/*
ahhh
index.js:15 ahhh10086
* */
